參賽動機

窩...怎麼參賽惹... QAQ 原本跟同事要一起組隊報名的，但同事突然跳船了，就像我與他們友情的小船，說翻就翻。但沒有關係，既然都報名了就寫吧。但我記住你們了，jojo 與毛大。 -- by等船開的同事

真・參賽動機

剛開始工作的時候，看了蠻多鼓勵軟工可以多寫筆記的文章，在前半年也陸陸續續寫了幾篇技術文章，然後就到了熟悉的劇情，突然某幾週很忙沒有寫下去，就沒有然後了。

回顧自己過去一年多的學習歷程，發現蠻多當下覺得自己有理解的東西，後面要回顧的時候印象都很模糊。也可能是當時看了好幾篇部落格才理解的內容，待要回顧的時候又要再去把這幾篇文章找回來。

相較於那些有做過筆記的知識點，就算回顧時發現當時沒寫好，還是可以修正內容，讓自己的記憶加深，也增加下下次回顧這個知識點的體驗。

但寫文章真的太花時間，把幾篇文章看過理解可能只需要30分鐘，但要把這些輸出成文章可能要花2、3小時，而且還寫的很不通順。

所以我想藉著鐵人賽強迫自己穩定輸出文章，這次題目選擇了最近想學習的技術 - Next.js。在這 30 天當中，會是我從 0 開始的學習紀錄。我會帶著大家淺入淺出 Next.js 13，如果途中有特別想深入研究的知識點，可能也會有幾天稍微深入研究，但應該不會太多。

開始之前

Next.js 是 React 的進階框架，所以預設大家都是有 React 的基礎（當然我也是只會 React 的基礎）， 所以除非是講到一些比較少用的 React API，否則不會特別介紹，建議對 React 還不熟悉的捧油可以先閱讀 React 官方文件或其他 U 質 的 React 鐵人賽文章。

文章規劃

主要會介紹 Next.js 的基礎使用，如果有多的篇幅可能會介紹一些常用的套件，或是直接做一個簡單部落格之類的。

• Day2 - Next.js 簡介
• Day3 - Next.js 13
• Day4 - 開啟一個 Next 專案 & 目錄介紹
• Day5 - App Router 介紹
• Day6 - Next的渲染方式：SSR/SSG/ISR/CSR
• Day7 - Server Component 與 Client Component
• Day8 - Server Component Pattern

...以下待補

後記

原本預計 5 號開賽，想說多囤幾篇文再開始，結果到了 16 號還是一篇文章都沒囤，身為一個嚴重拖延症患者兼 Deadline Engineer，這一切好像都說得通了。

寫這篇的當下還想著有沒有辦法完賽，但管他的，至少第一天寫完了啦。